
@import './color.scss';
@import './mixin.scss';
.header{
    background-color: transparent;
    .header_nav_bar>li>a{ color: white;}
}
.header{z-index: 1111;}
#center{
    width: 100%;
    max-width:100%!important;
    margin-top: -5.75rem /* 92/16 */;
    .synopsis{
        // height: 62.5rem /* 1000/16 */;
        position:relative;
        overflow: hidden;
        .about-eng-title{
            padding: 10.3125rem /* 165/16 */ 0 0 0;
            font-size: 1.5rem /* 24/16 */;
            font-family: PingFang HK, PingFang HK-Semibold;
            font-weight: 600;
            color: rgba(116,217,11,0.5);
        }
        .about-title{
            font-size: 3.5rem /* 56/16 */;
            font-family: PingFang SC, PingFang SC-Semibold;
            font-weight: 600;
            color: white;
            margin-top: 1.3125rem /* 21/16 */;
        }
        .about-title::after{
            display: -webkit-box;
            content: '';
            width: 11.0625rem;
            height: 1.2rem;
            background: rgba(116,217,11,0.5);
            margin: -1.4rem auto 0;
        }
        .bg-image{
            position: fixed;
            right: 0;
            top: 0;
            height:100vh;
            width: 100vw;
            z-index: -1;
            object-fit: cover;
            left:0;
        }
        .synopsis_detail{
            margin: 0 auto;
            color: #ffffff;
            line-height: 1.8125rem /* 29/16 */;
            font-family: Source Han Sans SC, Source Han Sans SC-Regular;
            font-weight: 400;
            font-size: 1.125rem /* 18/16 */;
            margin-top: 4rem /* 64/16 */;
            text-align: justify;
            // max-height: 27.875rem /* 446/16 */;
            overflow-y: scroll;
            margin-bottom: 12.0625rem /* 193/16 */;
            width: 100%;
            div{
                width: $max-width;
                margin: 0 auto;
                margin-bottom: 1.25rem /* 20/16 */;
            }
            
        }
        // 隐藏滚动条
        ::-webkit-scrollbar {
            /*隐藏滚轮*/
            display: none;
            }
    }
    .qualification_box{width: 100%;background-color: white;}
    .qualification{
        padding: 7.0625rem /* 113/16 */ 0 8.375rem /* 134/16 */ 0;
        width: $max-width;
        margin: 0 auto;
        background-color: white;
        .about-eng-title{
            font-size: 1.5rem /* 24/16 */;
            font-family: PingFang HK, PingFang HK-Semibold;
            font-weight: 600;
            color: rgba(116,217,11,0.5);
        }
        .about-title{
            font-size: 3.5rem /* 56/16 */;
            font-family: PingFang SC, PingFang SC-Semibold;
            font-weight: 600;
            color:#181f54;
            margin-top: 1.3125rem /* 21/16 */;
        }
        .about-title::after{
            display: -webkit-box;
            content: '';
            width: 11.0625rem;
            height: 1.2rem;
            background: rgba(116,217,11,0.5);
            margin: -1.4rem auto 0;
        }
        .qualification_detail{
            font-family: Source Han Sans SC, Source Han Sans SC-Regular;
            font-weight: 400;
            font-size: 1.125rem /* 18/16 */;
            margin: 4rem /* 64/16 */ 0 3rem /* 48/16 */ 0;
        }
        .qualification_images{
            justify-content: space-between;
            img{
                width: 31.5%;
                height: 17.25rem /* 276/16 */;
                margin-bottom: 26px;
            }
        }
        .qualification_images:after{
            content: '';
            width: 31.5%;
            border:1px solid transparent;
          }
    }
}

.bg-image{ transition: all 0.2s ease 0s;}
/*屏幕小于750处理 BEGIN*/
@media screen and (max-width: 46.875rem /* 750/16 */) {
    .icon-menu:before{
        color: white;
    }
    // .icon-close:before{
    //     color: white;
    // }
    #center {
       .synopsis{
        //    height: 44.875rem /* 718/16 */;
           .bg-image{
               height: 100%;
               object-fit: cover;
               display: block;
           }
           position:relative;
           height: unset;
           .about-eng-title{
               padding: 7.0625rem /* 113/16 */ 0 0 0;
               font-size: .625rem /* 10/16 */;
           }
           .about-title{
               font-size: 1.75rem /* 28/16 */;
               margin-top: .75rem /* 12/16 */;
           }
           .about-title::after{
               width: 5.0625rem;
               height: 0.8rem;
               margin: -0.8rem auto 0;
           }
           .synopsis_detail{
               margin: 3rem /* 48/16 */ 1.5rem /* 24/16 */  4rem /* 64/16 */ 1.5rem /* 24/16 */;
               padding: 0;
               width: auto;
               div {
                   text-align: justify;
                   margin: 0;
                   font-size: 1rem /* 16/16 */;
                   width: 100%;
               }
           }
       }
       .qualification{
            width: auto;
            padding: 4rem /* 64/16 */ 1.5rem /* 24/16 */ 4rem /* 64/16 */ 1.5rem /* 24/16 */;
            .about-eng-title{
               font-size: .625rem /* 10/16 */;
           }
           .about-title{
               font-size: 1.75rem /* 28/16 */;
               color:#181f54;
               margin-top: .75rem /* 12/16 */;
           }
           .about-title::after{
               width: 5.0625rem;
               height: 0.8rem;
               margin: -0.8rem auto 0;
           }
           .qualification_detail{
               font-size: 1rem /* 16/16 */;
               color: #181f54;
               line-height: 1.8125rem /* 29/16 */;
               text-align: left;
           }
           .qualification_images{
               img{
                   width: 100%;
                   height: 14.8125rem /* 237/16 */;
                   margin-bottom: 26px;
                   object-fit: cover;
               }
           }
       }
    }
    .header .header_nav_bar>li>a{color: #191E40!important;}
    .header_bottom>.flex-x-y-vertical{
        background: white!important;
    }
   }
   .header_bg_white{
       background: white;
       .icon-close:before{color: black;}
       
   }
   .bg_transparent{
    .header .header_nav_bar li a{color: #191E40;}
   }
//    .bg_transparent .header .header_nav_bar .active a{color: #69B543}